import React, { memo } from 'react';
import footerData from '@/assets/data/footer.json';
import { FooterWrapper } from './style';

const AppFooter = memo(() => {
  return (
    <FooterWrapper>
      <div className="footer-content">
        {footerData.map((footerItem, index) => (
          <ul key={index}>
            <li className="title">{footerItem.name}</li>

            {footerItem.list.map((item, i) => (
              <li className="item" key={item}>
                {item}
              </li>
            ))}
          </ul>
        ))}
      </div>
    </FooterWrapper>
  );
});

export default AppFooter;
